@import "header.html"

<link rel="stylesheet" href="../css/me.css">

<body>

    <main id="main">
        <div class="banner">
            <img class="bg-img" :src="info.photo">
            <div id="setting" class="setting-container" style="min-height: 40px">
                <svg class="icon" aria-hidden="true" onclick="goPage('setting.html')">
                    <use xlink:href="#icon-shezhi"></use>
                </svg>
            </div>
            <div class="btn-container avatar" onclick="goPage('user_center.html',{
                    data:{
                        id_verify:vm.role.id_verify
                    }
                })">
                <img :src="info.photo">
                <div class="user-name">
                    <div class="name" v-text="info.nickName?info.nickName:''"></div>
                    <div class="ren-zheng" v-text="(info.phone_verify?info.phone_verify+' · ':'')+(info.id_verify?info.id_verify:'')"></div>
                </div>
            </div>
        </div>
        <section class="user-container">
            <div>
                <!-- 房客 -->
                <div class="btn-container" v-show="ROLE!=='1'">
                    <div class="btn-group btn-group-line1">
                        <div @click="containerShare">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-share-o"></use>
                            </svg>
                            <span class="btn-title">分享好友</span>
                            <span class="des">各得200优惠券</span>
                        </div>

                        <div onclick="goPage('discount_coupon.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-youhui"></use>
                            </svg>
                            <span class="btn-title">优惠券</span>
                            <span class="des" v-cloak>￥{{info.coupon}}</span>
                        </div>
                        <div onclick="goPage('my_credits.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-jifen"></use>
                            </svg>
                            <span class="btn-title">积分</span>
                            <span class="des" v-cloak>{{info.point}}</span>
                        </div>
                    </div>
                    <div class="btn-group">
                        <div onclick="goPage('my_comment.html',{
                        data:{
                            role:'2'
                        }
                    })">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-dianping1"></use>
                            </svg>
                            <span class="btn-title">点评</span>
                            <span class="des" v-cloak>已发布{{info.commentCount}}条</span>
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-fapiao"></use>
                            </svg>
                            <span class="btn-title">我的发票</span>
                            <span class="des" v-cloak>敬请期待</span>
                        </div>
                        <div onclick="goPage('collect_house.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-collect-o"></use>
                            </svg>
                            <span class="btn-title">收藏</span>
                            <span class="des" v-cloak>{{info.collect}}个房源</span>
                        </div>
                    </div>
                    <div class="btn-group">
                        <div onclick="goPage('trip_steward.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-privatesteward"></use>
                            </svg>
                            <span class="btn-title">出行管家</span>
                            <span class="des" v-cloak>出行需求服务</span>
                        </div>
                        <div onclick="goPage('add_check_in_person.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-ruzhurenshu"></use>
                            </svg>
                            <span class="btn-title">常用入住人</span>
                            <span class="des" v-cloak>共{{info.people}}位入住人</span>
                        </div>

                        <div onclick="goPage('tenant_guide.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-zhinan1"></use>
                            </svg>
                            <span class="btn-title">房客指南</span>
                            <span class="des">新手请看这里</span>
                        </div>

                    </div>
                    <div class="btn-group">
                        <div onclick="contactService()">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-kefu1"></use>
                            </svg>
                            <span class="btn-title">联系客服</span>
                            <span class="des">400-1177178</span>
                        </div>

                    </div>
                </div>

                <!-- 房东 -->
                <div class="btn-container" style="display: none;" v-show="role.is_landlord==='1'&&ROLE==='1'">
                    <div class="btn-group">
                        <div onclick="goPage('landlord_manage_house.html',{
                        bounces:true,
                        data:{
                            back:'1',
                        }
                    })">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-fangwuguanli"></use>
                            </svg>
                            <span class="btn-title">房源管理</span>
                            <span class="des">管理您的房源</span>
                        </div>
                        <div @click="addHouse">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-fabufangyuan"></use>
                            </svg>
                            <span class="btn-title">新增房源</span>
                            <span class="des">上传房源</span>
                        </div>
                        <div onclick="goPage('./settle.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-tongji"></use>
                            </svg>
                            <span class="btn-title">结算统计</span>
                            <span class="des" v-text="'本月收入¥'+landlordInfo.GrossIncome.currentMonthIncome"></span>
                        </div>
                    </div>
                    <div class="btn-group">
                        <div onclick="goPage('landlord_manage_indent.html',{
                        data:{
                            type:'open'
                        }
                    })">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-order-o"></use>
                            </svg>
                            <span class="btn-title">订单管理</span>
                            <span class="des">管理入住订单</span>
                        </div>
                        <div>
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-shurumima"></use>
                            </svg>
                            <span class="btn-title">密码锁申请</span>
                            <span class="des">敬请期待</span>
                        </div>
                        <div onclick="goYollon()">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-qian"></use>
                            </svg>
                            <span class="btn-title">收款设置</span>
                            <span class="des" v-text="isExist(landlordInfo.defaultAccountType)?'默认'+landlordInfo.defaultAccountType:'暂无'"></span>
                        </div>
                    </div>
                    <div class="btn-group">
                        <div onclick="goPage('my_comment.html',{
                        data:{
                            role:'1'
                        }
                    })">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-dianping1"></use>
                            </svg>
                            <span class="btn-title">点评管理</span>
                            <span class="des" v-text="landlordInfo.comment.commentScore+'分/'+landlordInfo.comment.commentCount+'点评'"></span>
                        </div>
                        <div onclick="goPage('landlord_steward_apply.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-privatesteward"></use>
                            </svg>
                            <span class="btn-title">我的管家</span>
                            <span class="des" v-cloak>保洁服务</span>
                        </div>
                        <div onclick="goPage('landlord_guide.html')">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-zhinan1"></use>
                            </svg>
                            <span class="btn-title">房东指南</span>
                            <span class="des">房东必看</span>
                        </div>
                    </div>
                    <div class="btn-group">
                        <div onclick="contactService()">
                            <svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-kefu1"></use>
                            </svg>
                            <span class="btn-title">联系客服</span>
                            <span class="des">400-1177178</span>
                        </div>
                    </div>
                </div>
            </div>

        </section>

        <div class="become-landlord" style="display: none;" v-show="role.is_landlord==='0'" @click="becomeLandlord">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-yonghushengji"></use>
            </svg>
            我想成为房东
        </div>

        <div class="become-landlord" style="display: none;" v-show="role.is_landlord==='1'&&ROLE==='1'" @click="switchRole('0')">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-qiehuan"></use>
            </svg>
            切换为房客
        </div>

        <div class="become-landlord" style="display: none;" v-show="role.is_landlord==='1'&&ROLE==='0'" @click="switchRole('1')">
            <svg class="icon" aria-hidden="true">
                <use xlink:href="#icon-qiehuan"></use>
            </svg>
            切换为房东
        </div>

        <section id="container-share" style="display: none" :class="{restore:container.share}">
            <div class="share-group line-transverse">
                <div @click="share('wx')" style="color: #00c400;font-size: 14px">
                    <svg class="icon">
                        <use xlink:href="#icon-wechat"></use>
                    </svg>
                    微信
                </div>
                <div @click="share('qq')" style="color: #1e83d3;font-size: 14px">
                    <svg class="icon">
                        <use xlink:href="#icon-qq"></use>
                    </svg>
                    QQ
                </div>
                <div @click="share('wb')" style="color: orange;font-size: 14px">
                    <svg class="icon">
                        <use xlink:href="#icon-weibo"></use>
                    </svg>
                    微博
                </div>
            </div>
            <div class="cancel" @click="containerShare()">取消</div>
        </section>
    </main>
    @import "js.html"
    <script src="../script/me.js"></script>
</body>
@import "footer.html"